<template>
	<div class="discount">
		<discountnav :msg="{disindex}" @sendindex="shouindex"></discountnav>
		<!--<router-view></router-view>-->
		<discountyhq v-if="disindex==0" ></discountyhq>
		<discounthb v-if="disindex==1"></discounthb>
		<discountsx v-if="disindex==2"></discountsx>
	</div>
</template>

<script>
	import discountnav from '@/components/user-group/discountnav'
	import discountyhq from '@/components/user-group/discountyhq'
	import discounthb from '@/components/user-group/discounthb'
	import discountsx from '@/components/user-group/discountsx'
	
	export default{
		name:"discount",
		components:{discountnav,discountyhq,discounthb,discountsx},
		data(){
			return{
				disindex:0
			}
		},
		methods:{
			shouindex:function(data){
				this.disindex=data;
			}
		}
	}
</script>

<style>
	.discount{padding-top:0.98rem;}
</style>